<template>
  <div >
          <div class="flex-start name">
            <div class="left">服务器名称</div>
            <div class="right">
              <input
                type="text"
                class="searchInput"
                placeholder="请输入服务器名称"
              />
            </div>
          </div>
          <div class="password flex-start">
            <div class="left">状态</div>
            <div class="right">
              <input type="text" class="searchInput" placeholder="请输入密码" />
            </div>
          </div>
          <div class="password flex-start">
            <div class="left">地址</div>
            <div class="right">
              <input type="text" class="searchInput" placeholder="请输入密码" />
            </div>
          </div>
          <div class="btns flex-start">
            <div class="btn-blue2 signout" @click="signout">退出</div>
          </div>
        </div>
</template>

<script>
export default {
  methods: {
    signout () {
      this.$emit('signout')
    }
  }

}
</script>

<style lang="scss" scoped>
.name {
  margin-top: 40px;

  .left {
    width: 110px;
    text-align: right;
  }
}
.right{
    margin-left: 20px;
}
.password {
  margin-top: 20px;
  .left {
    width: 110px;
    text-align: right;
  }
}
.btns {
  margin-top: 40px;
  .btn-white2 {
    width: 100px;
    margin-left: 127px;
  }
  .btn-blue2 {
    width: 100px;
    margin-left: 20px;
  }
  .signout{
      margin-left: 127px;
    }
}

</style>
